<template>
	<view class="mx-24 mt-24 p-24 rd-16 fd-r ai-fs bgc-white">
		<image class="w-218 h-218 rd-12 bg-7D7D7D" src="" mode=""></image>

		<view class="flex1 pl-24 fd-c">
			<view class="fd-r">
				<text class="flex1 mr-12 fs-28 fw-b text-231815 lines1">
					燕窝小盏
				</text>
				<tm-icon :font-size="24" name="tmicon-md-more" color="#D9D9D9"></tm-icon>
			</view>

			<text class="mt-16 fs-24 text-7D7D7D">
				盏盏真材实料,好燕窝自己炖
			</text>

			<view class="mt-16 fd-r text-000000">
				<text class="fs-24">￥</text>
				<text class="fs-36">15.5</text>
				<text class="fs-24">/盒</text>
			</view>

			<z-number :value="count" @change="HCountChange"></z-number>
		</view>
	</view>
</template>

<script lang="ts" setup>
import { ref } from 'vue';
const count = ref(1);

setTimeout(() => {
	count.value = 2;
}, 1000);

function HCountChange(num: number) {
	count.value = num;
}
</script>

<style scoped></style>
